<template>
	 <view class="loading t-flex center">
		<image class="img" src="../../static/default/loading.gif" mode="aspectFill"></image>
	 </view>
</template>

<script setup>
	
	
	
</script>

<style scoped lang="scss">
	@keyframes op {
		from{
			opacity: .2;
			transform: translateY(-50rpx);
		}
	}
	
	
	.loading{
		width: 80rpx;
		height: 80rpx;
		position: fixed;
		top: 12vh;
		left: 0;
		right: 0;
		margin: auto;
		overflow: hidden;
		border-radius: 50%;
		z-index: 3000;
		box-shadow: 0 0 15rpx #ccc;
		animation: op 300ms;
		.img{
			width: 180rpx;
			height: 180rpx;
			border-radius: 50%;
		}
	}
</style>